/* ================
		颜色
================ */
$color-list: (
  'primary': (
    'primary': $com-color-primary,
    'primary-light': $com-color-primary-light,
    'primary-dark': $com-color-primary-dark,
    'primary-disabled': $com-color-primary-disabled,
  ),
  'success': (
    'success': $com-color-success,
    'success-light': $com-color-success-light,
    'success-dark': $com-color-success-dark,
    'success-disabled': $com-color-success-disabled,
  ),
  'error': (
    'error': $com-color-error,
    'error-light': $com-color-error-light,
    'error-dark': $com-color-error-dark,
    'error-disabled': $com-color-error-disabled,
  ),
  'warning': (
    'warning': $com-color-warning,
    'warning-light': $com-color-warning-light,
    'warning-dark': $com-color-warning-dark,
    'warning-disabled': $com-color-warning-disabled,
  ),
  'info': (
    'info': $com-color-info,
    'info-light': $com-color-info-light,
    'info-dark': $com-color-info-dark,
    'info-disabled': $com-color-info-disabled,
  ),
);

@each $color-name, $color-map in $color-list {
  @each $color-key, $color-val in $color-map {
    .com-color-#{$color-key} {
      color: $color-val !important;
    }

    .com-color-#{$color-key}-bg {
      color: #ffffff;
      background-color: $color-val !important;
    }
  }
}

.com-color-white {
  color: #ffffff !important;
}

.com-color-black {
  color: #000000 !important;
}

.com-color-main {
  color: $com-color-main !important;
}

.com-color-content {
  color: $com-color-content !important;
}

.com-color-tips {
  color: $com-color-tips !important;
}

.com-color-light {
  color: $com-color-light !important;
}

.com-color-link {
  color: $com-color-link !important;
}

.com-color-content-bg {
  background-color: $com-color-content-bg !important;
}

.com-color-body-bg {
  background-color: $com-color-body-bg !important;
}
